<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>山西煤炭现货公路交易系统客户端</title>
 <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/bootstrap/css/bootstrap.min.css">
     <!-- daterange picker -->
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/plugins/daterangepicker/daterangepicker-bs3.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/ionicons/css/ionicons.min.css">
    <!-- jvectormap -->
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/dist/css/skins/_all-skins.min.css">
     <!-- DataTables -->
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/plugins/datatables/dataTables.bootstrap.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/dist/css/skins/_all-skins.min.css">
	<!-- jQuery 2.1.4 -->
    <script src="<s:url value="/resources"/>/adminlte/plugins/jQuery/jQuery-2.1.4.min.js"></script>
	<!-- Bootstrap 3.3.5 -->
    <script src="<s:url value="/resources"/>/adminlte/bootstrap/js/bootstrap.min.js"></script>
	 <!-- AdminLTE App -->
    <script src="<s:url value="/resources"/>/adminlte/dist/js/app.min.js"></script>
    <!-- Theme style -->
    <link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/dist/css/AdminLTE.min.css">
    <!-- InputMask -->
    <script src="<s:url value="/resources"/>/adminlte/plugins/input-mask/jquery.inputmask.js"></script>
    <script src="<s:url value="/resources"/>/adminlte/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
    <script src="<s:url value="/resources"/>/adminlte/plugins/input-mask/jquery.inputmask.extensions.js"></script>
    <!-- DataTables -->
    <script src="<s:url value="/resources"/>/adminlte/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="<s:url value="/resources"/>/adminlte/plugins/datatables/dataTables.bootstrap.min.js"></script>
    <!-- default -->
     <script src="<s:url value="/resources"/>/adminlte/default.js"></script>
      <script src="<s:url value="/resources"/>/adminlte/default_logistical.js"></script>
      <script src="<s:url value="/resources"/>/adminlte/My97DatePicker/WdatePicker.js"></script>
     <script type="text/javascript">
 $(function(){  
   // loadUserInfo();
    var f = false;
    if("${type}"=="fayxl"){
    	f = true;
    }                   
    //dataTab("dataTab",f,false,false,true,true,false,"<s:url value="/resources"/>/adminlte/dataTabBootstrapCN.json");
        loadMenu("${user.roleType}","${menuid}",${menuList});
 });
 function clickDate(){
	 var startYear = document.getElementById("startDate").value;
	 if(startYear == ""){
		 alert("对不起，请选择查询日期");
	 	return false;
	 }
	 document.getElementById("form").submit();
}
     </script>
</head>
<body class="skin-blue sidebar-mini">
<div class="wrapper">
<%@ include file="../../header.jsp" %>
<%@ include file="../../sidebar.jsp" %>
<div class="content-wrapper" >
<!-- <iframe src="mtzq_html/classify1.html" name="main" class="iframe" frameborder="0" id="main" width="100%"  scrolling=no></iframe> -->
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <h1>
           交易分析
            <small><c:if test="${type eq 'summary'}">交易情况汇总表</c:if>
            </small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="<s:url value="/"/>/index.jsp"><i class="fa fa-dashboard"></i>首页</a></li>
            <li><a href="#" id="location1"></a></li>
            <li class="active" id="location2"></li>
          </ol>
        </div>

        <!-- Main content -->
        <div class="content">
         <!-- 查询条件 -->
         <form action="<s:url value="/"/>/trade/summary" method="post" id="form">
         <input type="hidden" value="${type}" name="type"/>
          <div class="box box-success">
            <div class="box-header with-border">
              <h3 class="box-title">查询条件</h3>
              <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                <!-- <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button> -->
              </div>
            </div><!-- /.box-header -->
            <div class="box-body">
              <div class="row">
                <div class="col-md-6">
                 <div class="form-group">
                    <label>日期:</label>
                    <div class="input-group">
                    <div class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </div>
                      <input type="text" style="width:60%;padding-left: 17px;height: 32px;border: 1px solid #d2d6de;"  class="" id="startDate" name="startDate" value="${startDate}" onfocus="WdatePicker({dateFmt:'yyyy/MM'})">
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->
                  
               </div>
                <div class="col-md-6">
                  <div class="form-group">
                  	<label>&nbsp;</label>
                  	 <div class="input-group">
                      <button class="btn btn-primary"  type="button" onclick="clickDate()">查询</button>
                     </div>
                  </div>
                  </div>
                
              </div><!-- /.row -->
            </div><!-- /.box-body -->
            
          </div><!-- /.box -->
          </form>
          
          
        <!-- 数据图 start-->
        <!-- 数据图 end -->
        <div class="box">
                <div class="box-header" style="display:block;text-align: center">
                <br/>
                  <h3 class="box-title">${year}年${date1}月煤炭交易情况表</h3>
                  <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
              </div>
                </div><!-- /.box-header -->
                <div class="box-tools pull-right" style="padding-right:10px">交易量单位:万吨；交易额单位:亿元</div>
                <div class="box-body">
                  <table id="dataTab" class="table table-bordered">
		                  <thead>
		                      <tr>
		                        <th rowspan="2"  style="text-align:center;vertical-align:middle">分类</th>
		                        <th colspan="4" style="text-align: center">${date0}月份</th>
		                        <th  colspan="4"  style="text-align: center">${date1}月份</th>
		                      </tr>
		                      <tr>
		                        <th style="text-align: center">交易量</th>
		                        <th style="text-align: center">同比</th>
		                        <th style="text-align: center">交易金额</th>
		                        <th style="text-align: center">同比</th>
		                        <th style="text-align: center">交易量</th>
		                        <th style="text-align: center">同比</th>
		                        <th style="text-align: center">交易金额</th>
		                        <th style="text-align: center">同比</th>
		                      </tr>
	                    </thead>
                    <tbody>
                    <tr>
                    		<td style="text-align: center">合计</td>
                    		<td>${totalD.shul}&nbsp;</td>
                    		<td>
                    			<c:if test="${totalD.shultb ne 0.00 && totalD.shultb ne null}">
	                    			<c:if test="${totalD.shultb lt 0.00}">
	                    				<font color="green">${totalD.shultb}%</font>
	                    			</c:if>
	                    			<c:if test="${totalD.shultb ge 0.00}">
	                    				<font color="red">${totalD.shultb}%</font>
	                    			</c:if>
                    			</c:if>
                    			<c:if test="${totalD.shultb eq 0.00 }">
                    				0.00
                    			</c:if>
                    		&nbsp;</td>
                    		<td>${totalD.jiaoye}&nbsp;</td>
                    		<td>
                    			<c:if test="${totalD.jiaoyetb ne 0.00 && totalD.jiaoyetb ne null}">
                    				<c:if test="${totalD.jiaoyetb lt 0.00}">
	                    				<font color="green">${totalD.jiaoyetb}%</font>
	                    			</c:if>
	                    			<c:if test="${totalD.jiaoyetb ge 0.00}">
	                    				<font color="red">${totalD.jiaoyetb}%</font>
	                    			</c:if>
                    			</c:if>
                    			<c:if test="${totalD.jiaoyetb eq 0.00 }">
                    				0.00
                    			</c:if>
                    			&nbsp;
                    		</td>
                    		<td>${totalD.tshul}&nbsp;</td>
                    		<td>
                    			<c:if test="${totalD.tshultb ne 0.00 && totalD.tshultb ne null}">
                    				<c:if test="${totalD.tshultb lt 0.00}">
	                    				<font color="green">${totalD.tshultb}%</font>
	                    			</c:if>
	                    			<c:if test="${totalD.tshultb ge 0.00}">
	                    				<font color="red">${totalD.tshultb}%</font>
	                    			</c:if>
                    			</c:if>
                    			<c:if test="${totalD.tshultb eq 0.00 }">
                    				0.00
                    			</c:if>&nbsp;
                    		</td>
                    		<td> ${totalD.tjiaoye}&nbsp;</td>
                    		<td>
                    			<c:if test="${totalD.tjiaoyetb ne 0.00 && totalD.tjiaoyetb ne null}">
                    				<c:if test="${totalD.tjiaoyetb lt 0.00}">
	                    				<font color="green">${totalD.tjiaoyetb}%</font>
	                    			</c:if>
	                    			<c:if test="${totalD.tjiaoyetb ge 0.00}">
	                    				<font color="red">${totalD.tjiaoyetb}%</font>
	                    			</c:if>
                    			</c:if>
                    			<c:if test="${totalD.tjiaoyetb eq 0.00 }">
                    				0.00
                    			</c:if>
                    			&nbsp;
                    		</td>
                    	</tr>
                    	<tr>
                    		<td style="text-align: center">一、铁路</td>
                    		<td>${totalD.shul}&nbsp;</td>
                    		<td>
                    			<c:if test="${totalD.shultb ne 0.00 && totalD.shultb ne null}">
                    				<c:if test="${totalD.shultb lt 0.00}">
	                    				<font color="green">${totalD.shultb}%</font>
	                    			</c:if>
	                    			<c:if test="${totalD.shultb ge 0.00}">
	                    				<font color="red">${totalD.shultb}%</font>
	                    			</c:if>
                    			</c:if>
                    			<c:if test="${totalD.shultb eq 0.00 }">
                    				0.00
                    			</c:if>
                    		&nbsp;</td>
                    		<td>${totalD.jiaoye}&nbsp;</td>
                    		<td>
                    			<c:if test="${totalD.jiaoyetb ne 0.00 && totalD.jiaoyetb ne null}">
                    				<c:if test="${totalD.jiaoyetb lt 0.00}">
	                    				<font color="green">${totalD.jiaoyetb}%</font>
	                    			</c:if>
	                    			<c:if test="${totalD.jiaoyetb ge 0.00}">
	                    				<font color="red">${totalD.jiaoyetb}%</font>
	                    			</c:if>
                    			</c:if>
                    			<c:if test="${totalD.jiaoyetb eq 0.00 }">
                    				0.00
                    			</c:if>
                    			&nbsp;
                    		</td>
                    		<td>${totalD.tshul}&nbsp;</td>
                    		<td>
                    			<c:if test="${totalD.tshultb ne 0.00 && totalD.tshultb ne null}">
                    				<c:if test="${totalD.tshultb lt 0.00}">
	                    				<font color="green">${totalD.tshultb}%</font>
	                    			</c:if>
	                    			<c:if test="${totalD.tshultb ge 0.00}">
	                    				<font color="red">${totalD.tshultb}%</font>
	                    			</c:if>
                    			</c:if>
                    			<c:if test="${totalD.tshultb eq 0.00 }">
                    				0.00
                    			</c:if>&nbsp;
                    		</td>
                    		<td> ${totalD.tjiaoye}&nbsp;</td>
                    		<td>
                    			<c:if test="${totalD.tjiaoyetb ne 0.00 && totalD.tjiaoyetb ne null}">
                    				<c:if test="${totalD.tjiaoyetb lt 0.00}">
	                    				<font color="green">${totalD.tjiaoyetb}%</font>
	                    			</c:if>
	                    			<c:if test="${totalD.tjiaoyetb ge 0.00}">
	                    				<font color="red">${totalD.tjiaoyetb}%</font>
	                    			</c:if>
                    			</c:if>
                    			<c:if test="${totalD.tjiaoyetb eq 0.00 }">
                    				0.00
                    			</c:if>
                    			&nbsp;
                    		</td>
                    	</tr>
                     <c:forEach items="${leftTitle}" var="lf">
                      	 <tr>
                      	 	<td style="text-align: center">${lf.leix}</td>
                      	 	<c:set value="0" var="mvar" /> 
                      	 	<c:forEach  items="${monthD}" var="m" varStatus="mStatus">
                      	 	 	<c:if test="${m.leix eq lf.leix}">
                      	 			<td>${m.shul}&nbsp;</td>
                      	 			<td>
	                      	 			<c:if test="${m.shultb ne null}">
	                      	 				<c:if test="${m.shultb lt 0.00}">
			                    				<font color="green">${m.shultb}%</font>
			                    			</c:if>
			                    			<c:if test="${m.shultb ge 0.00}">
			                    				<font color="red">${m.shultb}%</font>
			                    			</c:if>
	                      	 			</c:if>
                      	 				<c:if test="${m.shultb eq null}">/</c:if>
                      	 			&nbsp;</td>
                      	 			<td>${m.jiaoye}&nbsp;</td>
                      	 			<td><c:if test="${m.jiaoyetb ne null}">
	                      	 			<c:if test="${m.jiaoyetb lt 0.00}">
				                    				<font color="green">${m.jiaoyetb}%</font>
				                    			</c:if>
				                    			<c:if test="${m.jiaoyetb ge 0.00}">
				                    				<font color="red">${m.jiaoyetb}%</font>
				                    	</c:if>
                      	 			</c:if>
                      	 				<c:if test="${m.jiaoyetb eq null}">/</c:if>&nbsp;</td>	
                      	 			<c:set value="1" var="mvar" /> 
                      	 		</c:if>
                      	 		<c:if test="${mStatus.last && mvar eq 0}">
                          			<td>&nbsp;</td>
                    				<td>&nbsp;</td>
                    				<td>&nbsp;</td>
                    				<td>&nbsp;</td>
                          		</c:if> 
                         	</c:forEach>
                         	<c:set value="0" var="tvar" /> 
                      	 	<c:forEach  items="${totalMonthD}" var="m" varStatus="tStatus">
                      	 	 	<c:if test="${m.leix eq lf.leix}">
                      	 			<td>${m.shul}&nbsp;</td>
                      	 			<td><c:if test="${m.shultb ne null}">
                      	 				<c:if test="${m.shultb lt 0.00}">
				                    				<font color="green">${m.shultb}%</font>
				                    			</c:if>
				                    			<c:if test="${m.shultb ge 0.00}">
				                    				<font color="red">${m.shultb}%</font>
				                    	</c:if>
                      	 			</c:if>
                      	 				<c:if test="${m.shultb eq null}">/</c:if>
                      	 			&nbsp;</td>
                      	 			<td>${m.jiaoye}&nbsp;</td>
                      	 			<td><c:if test="${m.jiaoyetb ne null}">
                      	 				<c:if test="${m.jiaoyetb lt 0.00}">
				                    				<font color="green">${m.jiaoyetb}%</font>
				                    			</c:if>
				                    			<c:if test="${m.jiaoyetb ge 0.00}">
				                    				<font color="red">${m.jiaoyetb}%</font>
				                    	</c:if>
                      	 			</c:if>
                      	 				<c:if test="${m.jiaoyetb eq null}">/</c:if>&nbsp;</td>		
                      	 			<c:set value="1" var="tvar" /> 
                      	 		</c:if>
                      	 		<c:if test="${tStatus.last && tvar eq 0}">
                          			<td>&nbsp;</td>
                    				<td>&nbsp;</td>
                    				<td>&nbsp;</td>
                    				<td>&nbsp;</td>
                          		</c:if> 
                         	</c:forEach>
                      	 </tr>
                     </c:forEach>
                     </tbody>
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
          

        </div><!-- /.content -->
      </div><!-- /.content-wrapper -->
</div>  
</body>
</html>
